<template>
  <section>
    <div class="contractContainer">
      <header>附表2</header>
      <p class="listtTitle">其他相关费用明细表</p>
      <table class="furnitureDetails" >
        <tr class="furnitureTitle">
          <td>项目</td>
          <td width="100px">单位</td>
          <td>单价（元）</td>
          <td>起计时间</td>
          <td>起计底数</td>
        </tr>   
        <tr>
          <td>水费</td>
          <td>-</td>
          <td>-</td>
          <td>-</td>
          <td>-</td>
        </tr>
        <tr>
          <td>电费</td>
          <td>-</td>
          <td>-</td>
          <td>-</td>
          <td>-</td>
        </tr>
        <tr>
          <td>燃气费</td>
          <td>-</td>
          <td>-</td>
          <td>-</td>
          <td>-</td>
        </tr>
        <tr>
          <td>收视费</td>
          <td>-</td>
          <td>-</td>
          <td>-</td>
          <td>-</td>
        </tr>
        <tr>
          <td>物业费</td>
          <td>-</td>
          <td>-</td>
          <td>-</td>
          <td>-</td>
        </tr>
        <tr>
          <td>卫生费</td>
          <td>-</td>
          <td>-</td>
          <td>-</td>
          <td>-</td>
        </tr>
        <tr>
          <td>上网费</td>
          <td>-</td>
          <td>-</td>
          <td>-</td>
          <td>-</td>
        </tr>
        <tr>
          <td>车位费</td>
          <td>-</td>
          <td>-</td>
          <td>-</td>
          <td>-</td>
        </tr>
        <tr>
          <td>物业费</td>
          <td>-</td>
          <td>-</td>
          <td>-</td>
          <td>-</td>
        </tr>
        <tr>
          <td>......</td>
          <td>-</td>
          <td>-</td>
          <td>-</td>
          <td>-</td>
        </tr>
        <tr>
          <td>-</td>
          <td>-</td>
          <td>-</td>
          <td>-</td>
          <td>-</td>
        </tr>
     </table>
    </div>
  </section>
</template>
<script>
export default {
  methods: {}
}
</script>
<style lang="less" scoped>
 section{
    width: 100%;
    height: 100%;
    line-height:1;
    overflow:hidden;
  }
  .contractContainer{
    position: relative;
    margin:0.4rem;
  }
  .listtTitle{
    display: block;
    text-align: center;
    margin-top:0.5rem;
    margin-bottom:0.5rem;
    font-weight: 500;
    font-size: 1rem; 
  }
  .furnitureDetails{
  width: 100%;
  text-align: center;
   overflow: hidden;
  border-collapse:collapse;
  border-top:1px solid black;
  border-left:1px solid black;
  }
  .furnitureTitle{
    width: 100%;
    font-weight:700;
   
  }
  .furnitureDetails>tr{
    display: flex;
  }
  .furnitureDetails>tr>td{
    height:2rem;
    width:20%;
    line-height: 2rem;
    // display:inline-block;
    font-size:0.8rem;
    box-sizing: border-box;
    border-right:1px solid black;
    border-bottom:1px solid black;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
  }
</style>

